<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    {$LOAD_STYLE.top|raw}
</head>
<script src="__TPL_JS__/zepto.min.js"></script>
<script src="__TPL_JS__/zepto.weui.js"></script>
<script src="__JS__/clipboard.min.js"></script>
<style>
body{
	background-color: #EFEFEF;
}
.weui-cells{
	font-size: 15px;
}
#val,#val2,#val3{
    display: none;
}
</style>
<body>
	<div class="weui-btn_primary weui-header "> 
		<div class="weui-header-left"> <a class="icon icon-109 f-white" href="{:U('Fabric/index',['k'=>$token,'ssid'=>$uuid])}"></a>  </div>
		<h1 class="weui-header-title">详情参数</h1>
	</div>
	
	<div class="weui-panel">
		<div class="weui-panel__hd">基本参数</div>
		<div class="weui-panel__bd">
			<div class="weui-media-box weui-media-box_small-appmsg">
				<div class="weui-cells">
					<a class="weui-cell weui-cell_access">【编号】：{$T.number}</a>
					<a class="weui-cell weui-cell_access">【品名】：{$T.title}</a>
					<a class="weui-cell weui-cell_access">【幅宽】：{$T.breadth}cm {$T.side_type}&nbsp;【克重】：{$T.square}g/m</a>
					<a class="weui-cell weui-cell_access">【大货米数】：每公斤出 {$T.kgy} 码，{$T.kgm} 米</a>
					<a class="weui-cell weui-cell_access">【米样重量】：每米约 {$T.mkg} 公斤</a>
					<a class="weui-cell weui-cell_access">【毛重25KG】：净布大概出 {$T.piecey} 码，{$T.piecem} 米</a>
					<a class="weui-cell weui-cell_access">【纸筒空差】：{$T.tube}+{$T.emptykg}</a>
					<a class="weui-cell weui-cell_access">【成分】：{$T.component}</a>
				</div>
			</div>
		</div>
	</div>
	
	<div class="weui-panel">
		<div class="weui-panel__hd">价格参数</div>
		<div class="weui-panel__bd">
			<div class="weui-media-box weui-media-box_small-appmsg">
				<div class="weui-cells">
					<a class="weui-cell weui-cell_access">【大货价】：{$T.price1}元 / kg  &nbsp; 【米样价】：{$T.price4}元 / 米 </a>
					<a class="weui-cell weui-cell_access">
						{if $T.ckprice1>0}【参考价】：{$T.ckprice1}元 / kg &nbsp;{/if}
						{if $T.price3>0}【散剪码价】：{$T.price3}元 / 码 {/if}</a>	
					<a class="weui-cell weui-cell_access">【净布杂色】：{$T.pure_price1}元 / kg</a>
					<a class="weui-cell weui-cell_access">【大货米价】：{$T.wholesalem}元 / 米</a>
					<a class="weui-cell weui-cell_access">【空间】：{$T|cloth_diff=###,false}元/kg 【差..】：{$T|cloth_diff2=###,false}元 / kg</a>
					<a class="weui-cell weui-cell_access">【加价说明】：{$T.markup}</a>
				</div>
			</div>
		</div>
	</div>
	
	<div class="weui-panel">
		<div class="weui-panel__hd">供货参数</div>
		<div class="weui-panel__bd">
			<div class="weui-media-box weui-media-box_small-appmsg">
				<div class="weui-cells">
					<a class="weui-cell weui-cell_access">【编号】：{$T.onumber}</a>
					<a class="weui-cell weui-cell_access">【大货】：{$T.space1}元 / kg</a>
					<a class="weui-cell weui-cell_access">【米样】：{$T.space4} / 米</a>
					<a class="weui-cell weui-cell_access">【纸筒空差】：{$T.otube}+{$T.oemptykg}</a>
					<a class="weui-cell weui-cell_access">【退差】：{$T.rebate_kg}</a>
					<a class="weui-cell weui-cell_access">【加价说明2】：{$T.markup2}</a>
					{if $T.remark!=''}
					<a class="weui-cell weui-cell_access">【备注】：{$T.remark}</a>
					{/if}
				</div>
			</div>
		</div>
	</div>
	
	<div class="weui-panel">
		<div class="weui-panel__hd">开票参考价</div>
		<div class="weui-panel__bd">
			<div class="weui-media-box weui-media-box_small-appmsg">
				<div class="weui-cells">
					<a class="weui-cell weui-cell_access">【小规模】：{$T.pure_tax_price1}元 &nbsp;【净布小规模】：{$T.pure_tax_price4}元</a>
					<a class="weui-cell weui-cell_access">【加工票】：{$T.pure_tax_price2}元 &nbsp;【净布加工票】：{$T.pure_tax_price5}元</a>
					<a class="weui-cell weui-cell_access">【布料票】：{$T.pure_tax_price3}元 &nbsp; 【净布布票】：{$T.pure_tax_price6}元</a>
				</div>
			</div>
		</div>
	</div>
	
	<div style="height: 60px;"></div>
	
	<div class="weui-tabbar tab-bottom">
		<a href="javascript:;" class="weui-tabbar__item weui-bar__item_on copybut">
				<span style="display: inline-block;position: relative;">
					<i class="icon icon-79 f27 weui-tabbar__icon"></i>
				</span>
			<p class="weui-tabbar__label">简洁</p>
		</a>
		<a href="javascript:;" class="weui-tabbar__item copybut2">
			<i class="icon icon-80 f27 weui-tabbar__icon"></i>
			<p class="weui-tabbar__label">详细</p>
		</a>
		<a href="javascript:;" class="weui-tabbar__item copybut3">
				<span style="display: inline-block;position: relative;">
					<i class="icon icon-43 f27 weui-tabbar__icon"></i>
				</span>
			<p class="weui-tabbar__label">价格</p>
		</a>
		<a href="{:U('Fabric/color',['id'=>$T['id'],'ssid'=>$uuid,'k'=>$token])}" class="weui-tabbar__item weui-bar__item_on">
			<i class="icon icon-48 f27 weui-tabbar__icon"></i>
			<p class="weui-tabbar__label">查看样色</p>
		</a>
	</div>
	
	<div id="val">编号：{$T.number}<br>品名：{$T.title}<br>幅宽：{$T.breadth}cm（{$T.side_type}）<br>克重约：{$T.square}g<br>1公斤出：{$T.kgm}米 （大约）<br>大货含纸管：{$T.tube}kg  空差：{$T.emptykg}kg<br><br>【散剪：￥{$T.price4|price_one} /米】<br>【大货：￥{$T.price1|price_one} /kg】 （整卷批）<br>(花灰色、活性黑、部分深色需加钱，花灰色成分请另问)</div>
	
	<div id="val2">编号：{$T.number}<br>品名：{$T.title}<br>幅宽：{$T.breadth}cm（{$T.side_type}）<br>克重约：{$T.square}g<br>1公斤出：{$T.kgm}米 （大约）<br>大货含纸管：{$T.tube}kg  空差：{$T.emptykg}kg<br><br>【散剪：￥{$T.price4|price_one} /米】<br>【大货：￥{$T.price1|price_one} /kg】 （整卷批）<br>【加价说明】：{$T.markup}</div>
	
	<div id="val3">编号：{$T.number}<br>品名：{$T.title}<br><br>【散剪：￥{$T.price4|price_one} /米】<br>【大货：￥{$T.price1|price_one} /kg】 （毛重整卷批）<br>【加价说明】：{$T.markup}</div>
	
</body>
{$LOAD_STYLE.bottom|raw}
<script type="text/javascript">
	$(document).ready(function(){
	    var txt=$('#val').html();
	    var txt2=$('#val2').html();
		var txt3=$('#val3').html();
		
	    txt= txt.replace(/<br>/g,"\r\n"); 
	    txt2= txt2.replace(/<br>/g,"\r\n"); 
		txt3= txt3.replace(/<br>/g,"\r\n"); 
		
	    var clipboard = new ClipboardJS('.copybut', {
	        text: function() {
	            return txt;
	        }
	    });
	
	    var clipboard2 = new ClipboardJS('.copybut2', {
	        text: function() {
	            return txt2;
	        }
	    });
		
		var clipboard3 = new ClipboardJS('.copybut3', {
		    text: function() {
		        return txt3;
		    }
		});
	
	    clipboard.on('success', function(e) {
	        $.toast('复制【简洁】成功！');
	    });
	    clipboard.on('error', function(e) {
	        $.toast('复制失败！'+e.trigger);
	    });
	
	    clipboard2.on('success', function(e) {
	        $.toast('复制【详细】成功！');
	        });
	    clipboard2.on('error', function(e) {
	        $.toast('复制失败！'+e.trigger);
	    });
		
		clipboard3.on('success', function(e) {
		    $.toast('复制【价格】成功！');
		    });
		clipboard3.on('error', function(e) {
		    $.toast('复制失败！'+e.trigger);
		});
	})
</script>
</html>
